// js 窗口加载
window.addEventListener('load',function(){
    // 登录
    var lislog = document.querySelector('.login_content').querySelectorAll('li')
    for(var i = 0; i<lislog.length;i++){
        lislog[i].addEventListener('click',function(){
            alert('作者没有设置它的其他样式奥！！！')
        })
    }
    // 解决手机端导航 点× 在大屏也显示问题 （媒体查询不好使）
    var xnav = document.querySelector('.xnav');
    window.addEventListener('resize',function(){
        if(window.innerWidth >= 970){
            xnav.style.display = 'none'
        }
    });
    (function(){
        // banner轮播
            var swiper = new Swiper(".my1", {
            loop: true,
            loopFillGroupWithBlank: true,
            autoplay: {
                delay: 2000,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".swiper-pagination",
                dynamicBullets: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    })();

    (function(){
        // banner轮播
            var swiper = new Swiper(".my2", {
            loop: true,
            loopFillGroupWithBlank: true,
            autoplay: {
                delay: 2000,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".swiper-pagination",
                dynamicBullets: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    })();
});
// jq 入口函数
$(function(){
    // 给nav_nav 绑定鼠标移入移出事件
    $(".nav_nav section").on({
        mouseover:function(){
            $(this).css("borderBottom","1px solid red");
            // 显示 获取下标
            var index = $(this).index();
            $(".showhide section").eq(index).stop().slideDown().siblings().stop().slideUp();
        },
        mouseout:function(){
            $(this).css("borderBottom","");
        }
    })
    // 点击 x 上拉消失
    $(".showhide section i").on("click",function(){
        $(".showhide section").stop().slideUp();
    })
     // 必须为全局 不能写点击事件里面
    var x = 0; // 有小bug
    $(".section_970 i").eq(1).on('click',function(){
        if(x == 0){
            // 让导航下拉出现
            $(".xnav").stop().slideDown();
            // 获取元素自定义的属性值 修改图标class名 为 ×图标
            $(this).attr('class',' iconfont icon-cuo') // 获取自定义属性 class 改成 x的 字体图标名
            x = 1;
        }else{
            // 让导航上拉消失
            $(".xnav").stop().slideUp();
            // 再变回原先的导航图标
            $(this).attr('class',' iconfont icon-daohang')
            x = 0;
        }
    })
    $(".xnav_items").on("click",function(){
        alert("作者好像忘记了什么...")
    });
    // 回到顶部 滚动条滚到某个元素 淡入淡出
    $(window).on("scroll",function(){
        if($(window).scrollTop() >= $(".science").offset().top ){
            $(".totop").fadeIn()
        }else{
            $(".totop").fadeOut()
        }
    });
    $(".totop").on("click",function(){
        $("body,html").animate({
            scrollTop:0
        })
    })
});